/* 整体样式 */
html,body,#my_publish{
	height: 100%;
	background-color: #f5f5f5;
	font-size: 1rem;
}
ul li{
	list-style: none;
}
#my_publish{
	width: 64%;
	height: 94%;
	margin: 0 auto;
	padding-top: 0.625rem;
	font-size:18px;
	font-family:PingFangSC-Regular,PingFang SC;
	line-height:25px;
	color: #666666;
	/* background-color: white; */
	margin-top: 0.625rem;
	display: flex;
}
#my_publish .left{
	flex: 2;
	min-width: 11.875rem;
	background-color: white;
	text-align: center;
	padding-top: 1.875rem;
	margin-right: 1.375rem;
}
#my_publish .right{
	flex: 12;
	text-align: center;

}
/* 左边样式 */
/* 人物头像 */
.left .avatar{
	width: 40%;
}
/* 名字 */
.left .name{
	padding-top: 1.5625rem;
	font-size:1rem;
	font-family:PingFangSC-Semibold,PingFang SC;
	font-weight:600;
	color:rgba(51,51,51,1);
	line-height:22px;
	margin-bottom: 1.875rem;
}
/* 列表 */
.left  ul{
	text-align: left;
	padding-left:0 ;
	height: 100%;
}
.left ul li{
	line-height: 2.5rem;
	font-size:14px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:400;
	color:rgba(51,51,51,1);
	padding-left: 1.375rem;
	cursor: pointer;
}
/* 图标 */
.left .icon{
	margin-right: 0.9375rem;
	vertical-align: middle;
}
/* 选中项 */
.left .active{
	background-color: #EAEFFF;
	color: #3D6EFF;
}

/* 右边 */
/* 每一页（每一个item）里 每一个li的内容 */
#my_publish .right ul.publish_list {
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}
#my_publish .right ul.publish_list li{
	min-width: 322px;
	width: 32%;
	float: left;
	font-size: .75rem;
	color: #4c4c4c;
	padding:1.0625rem;
	text-align: center;
	margin:6px;
	max-height:260px;
	background:rgba(255,255,255,1);
	padding-bottom:20px;
}
#my_publish .list_li_head img{
	width:2.5rem;
	height:2.5rem;
}
#my_publish .list_li_head{
	display: flex;
	color: #4d4d4d;
}
#my_publish .list_li_head>.head_first_div{
	/* flex: 1; */
}

#my_publish .list_li_head>.head_second_div{
	margin-left: 15px;
	text-align: left;

}
#my_publish .list_li_head>.head_second_div .name{
	display: inline-block;
	width:36px;
	height:25px;
	font-size:18px;
	font-family:PingFangSC-Medium,PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:25px;
}
#my_publish .list_li_head>.head_second_div .address{
	width:126px;
	height:20px;
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:20px;
}
#my_publish .list_li_head .head_third_div{
	display: inline-block;
	/* width:121px; */
	height:20px;
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:20px;
	margin-left:60px;
	position:relative;
	top:-8px;
}
#my_publish .quest{
	width:224px;
	height:20px;
	font-size:14px;
	font-family:PingFangSC-Regular,PingFang SC;
	font-weight:400;
	color:rgba(104,104,104,1);
	line-height:20px;

}
/* 每项的人物图片 */
#my_publish .list_li_peopleImg{
	margin-bottom:0;
}
#my_publish .list_li_peopleImg img{
	/* width:10.6875rem;
	height:7.5rem; */
	background:rgba(255,255,255,1);
	width:139px;
	height:120px;
}
/* 适配问题 */
/* <=562px */
/* @media  (max-width:35.125rem) {
	#my_publish .list_li_peopleImg img{
		width:45%;
		height:45%;
	}
	
} */
/* <=414px   6sp以下宽度 */
@media  (max-width:25.875rem) {
	/* #my_publish{
		width:88%;
	}
	#my_publish .left{
		display:none;
	} */
}
/* <=834px  */
@media  (max-width:1378px) {
	#my_publish{
		width:88%;
	}
	#my_publish .left{
		display:none;
	}
}
/* 分页组件 */
.pages{
	width: 100%;
	text-align: right;
}
.pages li{
	padding: 0 0.25rem !important;
	display: inline-block;
}
.pages li a{
	color: #888888;
	font-size:12px;
}
.pages .active a{
	background-color: transparent;
	color: #397BFF;
	border-color: #397BFF;
}